<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>优菜商城</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="author" content="@binggan"/>
    <link rel="stylesheet" href="css/ydui.css"/>
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_463779_pkv3jpw5yz1fko6r.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <script src="js/flexible.js"></script>
</head>

<body>
<section class="g-flexview">
    <header class="m-navbar index-navbar border-bot">
        <a href="#" class="navbar-item back">
            <i class="back-ico"></i>
        </a>
        <div class="navbar-center">
            <span class="navbar-title">限时抢购</span>
        </div>
    </header>
    <div class="g-scrollview">
        <div class="limit-buy-group limit-top-group">
            <ul class="limit-top-box">
                <li>
                    <p class="titles colors-red">限时抢购</p>
                    <p class="tips">限量秒杀下单减</p>
                    <span class="hot-tips">下单立减6元</span>
                    <div class="goods-box">
                        <div class="goods-price">
                            <p>到手价</p>
                            <strong>¥ 558.36</strong>
                        </div>
                        <div class="thumbnail">
                            <img src="images/item_thumbnail.png" alt="XX商品">
                        </div>
                    </div>
                </li>
                <li>
                    <p class="titles colors-red">限时抢购</p>
                    <p class="tips">限量秒杀下单减</p>
                    <span class="hot-tips">下单立减6元</span>
                    <div class="goods-box">
                        <div class="goods-price">
                            <p>到手价</p>
                            <strong>¥ 558.36</strong>
                        </div>
                        <div class="thumbnail">
                            <img src="images/item1.png" alt="XX商品">
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <!--限时抢购-->
        <section>
            <!--time-->
            <div class="limit-title">
                <em class="limit-logo"></em>

                <div class="timedown">
                    <i>距结束倒计时</i>
                    <span class="hours">00</span>:
                    <span class="minutes">00</span>:
                    <span class="seconds">00</span>
                </div>
            </div>
            <!--time END-->

            <ul class="recommend-item-list clearfix">
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item1.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item3.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item1.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item2.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
                <li class="items">
                    <a href="detail.html">
                        <div class="adaptive-w">
                            <img src="images/item3.png"/>
                        </div>
                        <span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
                        <p class="item-bot">
                            <span class="price-box">¥<span class="price">558.36</span></span>
                            <span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
                        </p>
                    </a>
                </li>
            </ul>
        </section>
        <!--精品推荐end-->

    </div>

</section>
<script src="js/jquery.min.js"></script>
<script src="js/ydui.js"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
    //限时抢购
    bingUtil.getTimeClock(1527128640,changeGoods);
    
    function changeGoods(){
        var date=Date.parse(new Date())/1000+24*60*60;
        //console.log(date);
        bingUtil.getTimeClock(date,changeGoods);
        console.log('-----------此次计时结束-------')

    }

</script>

</body>

</html>